<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8" isELIgnored="false"%>
<%@ include file="/WEB-INF/views/shared/taglib.jsp"%>
<style type="text/css">
.seniorSearch .form-group {
	margin-bottom: 3px !important;
	padding-bottom: 3px !important;
}
</style>
<t:form commandName="groupDutySearch" id="groupDutySearch"
	action="/admin/groupActivity/groupDuty/index" ajaxPost="true"
	cssClass="form-horizontal seniorSearch" onSuccess="onSuccess">
	<t:panel
		cssClass="panel-flat border-xs border-primary border-top-xlg custom-panel searchPanel"
		customBody="true" customHead="true">
		<div class="panel-body">
		<div class="col-md-6 col-sm-10 col-lg-6 hidden-xs">
			<t:formgroup>
				<t:label path="termId" cssClass="col-sm-2" />
				<t:select2 id="termId" path="termId" colClass="col-sm-10" />
			</t:formgroup>
		</div>
		<div class="col-md-6 col-sm-6 col-lg-6 col-xs-12 text-right">
			<t:roleButton />
		</div>
		</div>
	</t:panel>
</t:form>
<script type="text/javascript">
	$(function() {
		$(function() {
			var options = {}
			options.links = [];
			options.links.push({
				id : 'semester',
				selector : '#semester',
				paramName : 'semester',
				depend : 'first'
			});

			$.linker(options);
		})

		$("#groupDutySearch #termId").on("change", function() {
			formSubmit();
		});

		formSubmit();

	});
</script>